<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>用户个人中心</title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/user.css" />

	<body>
		<!--顶部个人中心开始-->
		<div class="cc_top_back">
			<div class="cc_top_main">
				<div class="cc_weather">
					<h2>
					<i class="sssd"></i>
				</h2>
					<img src="imgs/user/weather.png" />
				</div>

				<div class="cc_my_member">
					<div class="mm_hpicon" id="hpicon">
						<i class="ordinary_m_icon"></i>
					</div>
					<p>
						<span class="mm_name">
		        		c***
		        	</span>
						<span class="mm_jb" id="mm_jb">普通卡</span>
					</p>
					<div class="progressbar">
						<div style="width: 0%;" class="wbg"></div>
						<div class="number">
							<span id="showNumber1">0</span>/<span id="showNumber2">50</span>
						</div>
					</div>
					<div class="fs">我的累计积分:
						<span class="cor pointer" id="showNumber3">0</span>，
						<span class="cor pointer" id="showNumber4">+50</span> 就能成为
						<span class="cbl pointer" id="showLevelDesc">银卡</span> 会员！
					</div>
				</div>

				<div class="fl my_infor">
					<ul class="privateinvestor">
						<li id="rentcoinNum">
							<a href="" class="gojf">
								<b id="point">0</b>
							</a>
							<span>
	                        	<a href="">可用积分</a>
	                        	<i id="rentcoinRedPoint"></i> 
	                        	<div class="integral-sc">
	                        		<img src="http://image.zuchecdn.com/newversion/news/common/integralsc.png">
	                        		<i><a href="" class="or">积分换专车券</a></i>
	                        	</div>
	                        </span>
						</li>
						<li id="couponNum">
							<a href="" class="goyhq">
								<b id="couponCount">1</b>
								<span>优惠券<i class="zc_newsinfo" id="couponRedPoint"></i></span>
							</a>
						</li>
						<li>
							<a href="" class="goczk">
								<b id="giftcardCount">0</b>
								<span>储值卡</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--顶部个人中心结束-->
		<!--个人中心详情-->
		<div class="cc_main_back">
			<div class="cc_user_main">
				<!--左侧开始-->
				<div class="zc_myleft fl">
					<dl class="meberlist">
						<dt>我的订单</dt>
						<dd class="optdd" id="orderTitle"><a href="javascript:void(0);">短租自驾 
            	<span id="leftOrderCount1">(0)</span></a></dd>
						<dd id="sfcheTitle"><a href="javascript:void(0);">顺风车
            	 <span id="leftOrderCount2">(0)</span></a></dd>
					</dl>
					<dl class="meberlist" id="assertTitle">
						<dt id="assertTitle">我的资产</dt>
						<dd>
							<a href="http://mycar.zuche.com/queryPoint/queryAllPoint.do">可用积分
            		<span id="leftAssertCount1">(0)</span>
            	</a>
						</dd>
						<dd><a href="http://mycar.zuche.com/queryCoupon/queryCoupon.do">优惠券<span id="leftAssertCount2">(1)</span></a></dd>
						<dd><a href="http://mycar.zuche.com/queryAccount/queryAccount_detail.do">储值卡<span id="leftAssertCount3">(0)</span></a></dd>
					</dl>
					<dl class="meberlist" id="accountTitle">
						<dt id="accountTitle">我的账户</dt>
						<dd><a href="http://mycar.zuche.com/creditCard/manage.do">信用卡管理</a></dd>
						<dd><a href="http://mycar.zuche.com/member/quickpay/quicklyPayOrderList.do">快捷通</a></dd>
						<dd class="grade"><a href="http://mycar.zuche.com/member/getMemberLevel.do">我的等级</a></dd>
						<dd><a href="http://mycar.zuche.com/member/person/personinfo.do">我的信息</a></dd>
						<dd><a href="http://mycar.zuche.com/member/person/personinfo/modifyPWD.do">修改密码</a></dd>
					</dl>
					<dl class="meberlist">
						<dt>会员条款</dt>
						<dd id="mebnotcTitle"><a href="http://mycar.zuche.com/member/person/personinfo/memberNotify.do">会员章程</a></dd>
						<dd id="mebruleTitle"><a href="http://mycar.zuche.com/member/person/personinfo/memberRule.do">会员细则</a></dd>
					</dl>
				</div>
				<!--//左侧结束-->

				<!--右侧开始-->
				<div class="cc_myright">

					<!--右侧订单部分-->
					<div class="orderlist_tab">
						<div class="cc_orderlist_bd">

							<h2>自驾订单</h2>
							<div class="cc_for_search">
								<div class="time_start">
									<input type="text" name="" id="" value="" />
								</div>

								<span>-</span>

								<div class="time_end">
									<input type="text" name="" id="" value="" />
								</div>

								<div class="searching">
									<input id="searchBtn" value="查询" class="zc_gray_sub" type="button">
								</div>
							</div>

							<!--订单状态开始-->
							<div class="subbox">
								<a class="cura" href="javascript:void(0);" status="0">全部</a>
								<a href="javascript:void(0);" status="1">处理中</a>
								<a href="javascript:void(0);" status="2">等待付款
								<i class="zc_newsinfo" style="display:none"></i>
							</a>
								<a href="javascript:void(0);" status="3">预订成功</a>
								<a href="javascript:void(0);" status="4">租赁中</a>
								<a href="javascript:void(0);" status="5">已完成</a>
								<a href="javascript:void(0);" status="6">已取消</a>
								<div class="clear"></div>
							</div>

							<!--订单状态结束-->
						</div>
						<!--订单详情-->
						<div class="zc_myorder_info">
							<table class="zc_table_order" border="0" cellpadding="0" cellspacing="0">
								<thead>
									<tr>
										<th class="al">订单信息</th>
										<th width="197"></th>
										<th class="ac" width="263">取/还车信息</th>
										<th class="ac" width="110">总计</th>
										<th class="ac" width="110">订单状态</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><img src="http://static.zuchecdn.com/images/newversion/news/order/klz.jpg" height="97" width="166"></td>
										<td class="ol-carinfo">
											<b>
                                	雪佛兰科鲁兹</b>
											<p>三厢/1.6自动 | 乘坐5人</p>
											<p>订单号：14663930644242</p>
										</td>
										<td>
											<div class="ol-caraddress" style="cursor:default;">
												<p class="qhicon zctooltip" title="北京 - 首都机场T1/T2店">
													<i class="zc_fetch_i"></i>北京 - 首都机场T1/T2店</p>
												<p class="qhtime">2016-06-21 10:00</p>
												<p class="qhicon zctooltip" title="北京 - 首都机场T1/T2店">
													<i class="zc_giveback_i"></i>北京 - 首都机场T1/T2店</p>
												<p class="qhtime">2016-06-23 10:00</p>
												<div style="z-index: 2;" class="ol-trace-bd">
													<a class="ol-a-trace" href="javascript:void(0);">订单跟踪</a>
													<i class="arrowd"></i>
													<div class="trace-box">
														<div class="p-re">
															<span class="arrowbox">◆<span class="arrow">◆</span></span>
															<table class="zc_trace_table">
																<thead>
																	<tr>
																		<th class="pl20" width="125">变更时间</th>
																		<th width="200">取车门店/时间</th>
																		<th width="200">还车门店/时间</th>
																		<th width="150">车型信息</th>
																		<th>变更状态</th>
																	</tr>
																</thead>
															</table>
															<div class="zc-overysool">
																<table class="zc_trace_table">
																	<tbody>
																		<tr>
																			<td class="pl20" width="125">2016-06-20 11:24</td>

																			<td width="200">北京 - 首都机场T1/T2店
																				<p>2016-06-21 10:00</p>
																			</td>
																			<td width="200">北京 - 首都机场T1/T2店
																				<p>2016-06-23 10:00</p>
																			</td>
																			<td width="150">
																				<p>雪佛兰科鲁兹</p>
																				<p>三厢/1.6自动 | 乘坐5人 </p>
																			</td>
																			<td>
																				<span class="s-green">预订成功</span>
																			</td>
																		</tr>
																		<tr>
																			<td class="pl20" width="125">2016-06-20 11:38</td>

																			<td width="200">北京 - 首都机场T1/T2店
																				<p>2016-06-21 10:00</p>
																			</td>
																			<td width="200">北京 - 首都机场T1/T2店
																				<p>2016-06-23 10:00</p>
																			</td>
																			<td width="150">
																				<p>雪佛兰科鲁兹</p>
																				<p>三厢/1.6自动 | 乘坐5人 </p>
																			</td>
																			<td>
																				<span class="s-green">预订成功</span>
																			</td>
																		</tr>
																		<tr>
																			<td class="pl20" width="125">2016-06-20 13:41</td>

																			<td width="200">北京 - 首都机场T1/T2店
																				<p>2016-06-21 10:00</p>
																			</td>
																			<td width="200">北京 - 首都机场T1/T2店
																				<p>2016-06-23 10:00</p>
																			</td>
																			<td width="150">
																				<p>雪佛兰科鲁兹</p>
																				<p>三厢/1.6自动 | 乘坐5人 </p>
																			</td>
																			<td>
																				<span class="s-green">预订成功</span>
																			</td>
																		</tr>
																	</tbody>
																</table>
															</div>
														</div>
													</div>
												</div>
											</div>
										</td>
										<td>
											<div style="height: 102px;" class="ol-aggregate">
												¥<span>545</span>
											</div>
										</td>
										<td class="ac">
											<span class="s-green">预订成功</span>
											<a href="javascript:void(0);" onclick="checkCost(14663930644242,1,16936242,null,'');" class="a-view">查看订单</a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!--订单详情结束-->
						<!--订单状态说明-->
						<div class="orderstate_bd">
							<h3>订单状态说明</h3>
							<ul>
								<li>
									<span class="s-green">预订成功</span>
									<p>订单已确认，尚未提车</p>
								</li>
								<li>
									<span class="s-orange">等待付款</span>
									<p>订单尚未付款，请在1小时内完成支付</p>
								</li>
								<li>
									<span class="s-blue">处理中</span>
									<p>您的订单已提交，正在处理中</p>
								</li>
								<li>
									<span class="s-blue">租赁中</span>
									<p>车辆正在租赁过程中</p>
								</li>
								<li>
									<span class="s-orange">待评价</span>
									<p>订单完成48小时内，可对我们做出评价</p>
								</li>
								<li>
									<span class="s-yellow">已完成</span>
									<p>已还车，订单结算完毕</p>
								</li>
								<li>
									<span class="s-gray">已取消</span>
									<p>订单已经取消</p>
								</li>
							</ul>
						</div>
						<!--订单状态说明结束-->
						<div class="notice_bd">
							<h3>注意事项</h3>
							<p>1. 修改或取消订单，请您尽早致电400 616 6666申请，送车上门或服务点订单请至少在我们的工作时间内（08:00-20:00）提前2小时修改；</p>
							<p>2. 预付订单，逾时不履行或取消的，退还您预付款中的基本保险、手续费及可选服务费款项，已付费用将作为违约金恕不退还；</p>
							<p>3. 系统将为您保留一年之内的订单，如需查询更早的订单，请致电24小时热线。</p>
						</div>
					</div>
					<!--订单切换结束-->

					<!--用户信息切换开始-->
					<div class="user_info_tab">
						<h2>我的信息</h2>
						<div class="info_box">
							<ul>
								<li>
									<div class="p-re" id="errorTip1" style="z-index:20"></div>
									<label class="fl">姓名</label>
									<span class="fl">
                        c***</span>
									<div class="fr">真实姓名，方便租车时核对身份</div>
									<div class="clear"></div>
								</li>
								<!-- 证件号输入后 -->
								<li class="cards_info">
									<label class="fl">证件</label>
									<span class="fl cards_show">
                        	<span>
                            身份证/驾驶证：1***3</span>
									</span>
									<div class="fr">如需修改，请致电400-616-6666</div>
									<div class="clear"></div>
								</li>
								<li>
									<label class="fl">手机号码</label>
									<span class="fl fc_c6" id="xmobile">156****2013</span>
									<div class="fr" id="modifyToggle"><a href="javascript:void(0)">修改</a></div>
									<div class="clear"></div>
								</li>
								<li class="modify_no" id="modifyDiv" style="display: block;">
									<div class="p-re" id="errorTip2" style="z-index:20"></div>
									<label class="fl">手机号码</label>
									<span class="fl">
			                            <input id="modifyMobileFlag" value="1" type="hidden">  
			                            <input class="zc-ipt p-re old_telno" id="oldTelid" value="原手机号" type="text">
			                            <input class="zc-ipt p-re old_telno" id="oldTelidHidden" type="hidden">
			                            <input class="zc-ipt p-re new_telno" id="newTelid" value="新手机号" type="text">
			                            <input class="zc-ipt p-re new_telno" id="newTelidHidden" type="hidden">
			                            <div class="dy_code">
			                                <a href="javascript:void(0)" class="get_code" id="getYzmBtn">获取手机动态码</a>
			                                <input class="zc-ipt" id="validateCode" value="手机动态码" style="width:170px;" maxlength="6" type="text">
			                            </div>
                        			</span>
									<div class="clear"></div>
								</li>
								<li>
									<div class="p-re" id="errorTip3" style="z-index:20"></div>
									<label class="fl">电子邮箱</label>
									<span class="fl">
                            <input style="color: rgb(147, 147, 158);" class="zc-ipt" id="xemail" value="18***@qq.com" maxlength="50" type="text">
                            <input id="originEmail" value="18***@qq.com" type="hidden">
                        </span>
									<div class="fr" id="yzemail"><a href="javascript:void(0)">验证</a></div>
									<div class="clear"></div>
								</li>
							</ul>
							<div class="graybutbox">
								<a href="javascript:void(0);" class="zc_orange_bigsub" id="zcsave">保存</a>
							</div>
							<ul>
								<li id="unsubscribe" style="display:none;">
									<label class="fl">邮件订阅</label>
									<span class="fl fc_c6">为您推送超值优惠活动信息</span>
									<div class="fr blue" id="unsubscribeEmail">立即订阅</div>
									<div class="clear"></div>
								</li>
								<li id="subscribe" style="">
									<label class="fl">邮件订阅</label>
									<span class="fl fc_c6">为您推送超值优惠活动信息</span>
									<div class="fr green" id="">已订阅</div>
									<div class="clear"></div>
								</li>
							</ul>

						</div>
					</div>
					<!--用户信息切换结束-->


					<!--修改密码切换开始-->
					<div class="change_pwd_tab">
						<div class="zc_ipttitle_bd">
							<h2>修改密码</h2>
							<div id="modifyPassword">
								<div class="p-re" id="zcprompt_pre" style="z-index:20"></div>
								<ul>
									<li>
										<label class="fl">原密码</label>
										<span class="fl">
                            <input class="zc-ipt ipt-passwordH" value="请输入原来密码" style="display:none" id="oldpassword" type="password">
                            <input class="zc-ipt ipt-passwordS" id="oldpasswordS" value="请输入原来密码" type="text">
                            <span class="zc-secret zc-peyeh" id="oldeye"></span>
										</span>
										<div class="fr">核对身份后，才可修改密码</div>
										<div class="clear"></div>
									</li>
									<li>
										<label class="fl">新密码</label>
										<span class="fl">
                            <input class="zc-ipt ipt-passwordH" id="newpasswordH" value="建议6-18位数字、字母、符号的组合密码" style="display:none" type="password">
                            <input class="zc-ipt ipt-passwordS" id="newpasswordS" value="建议6-18位数字、字母、符号的组合密码" type="text">
                            <span class="zc-secret zc-peyeh" id="neweye"></span>
										</span>
										<div class="zc-safepsw zc-safepsw_0 fl" id="pwdLevelDiv">
											<span class="safe_1">弱</span>
											<span class="safe_2">中</span>
											<span class="safe_3">强</span>
										</div>
										<div class="fr">请牢记新密码</div>
										<div class="clear"></div>
									</li>
									<li>
										<label class="fl">确认密码</label>
										<span class="fl">
                            <input class="zc-ipt ipt-passwordH" id="passwordAgainH" value="再次输入密码" style="display:none" type="password">
                            <input class="zc-ipt ipt-passwordS" id="passwordAgainS" value="再次输入密码" type="text">
                            <span class="zc-secret zc-peyeh" id="neweyeAgain"></span>
										</span>
										<div class="fr">再次输入新密码</div>
										<div class="clear"></div>
									</li>
								</ul>
								<div class="graybutbox">
									<a href="javascript:void(0);" class="zc_orange_bigsub" id="zcsave">保存</a>
								</div>
							</div>

							<div class="zc_mysucceed_bd" id="modifySuccess" style="display:none">
								<p class="rok-lcongra"><span class="zc-gryes"></span>恭喜您，密码修改成功！请牢记您的新密码。</p>
								<p class="ac"><a class="zc_orange_bigsub" href="http://order.zuche.com">马上租车</a></p>
							</div>
						</div>
					</div>
					<!--修改密码切换结束-->

				</div>
				<!--右侧结束-->

			</div>
		</div>
		<!--个人中心详情结束-->
	</body>

</html>